Помощь от старших товарищей (goo.gl api)

[izbash]

Здравствуйте!

Хочу произвести на свет свое первое полезное творение сокращатель URL, при помощи goo.gl API (документация). Только начинаю применять теорию JS на практике, поэтому прошу помощи у более опытных товарищей. Собственно хочу увидеть как написать скрипт который:

1. Берет ссылку текущего сайта из адресной строки браузера
2. Отправляет ее на goo.gl
3. Укорачивает
4. Возвращает укороченную ссылку

[mta88]

Хочу произвести

хочу увидеть

все-таки "хочу сделать" и "хочу чтоб за меня сделали" это немножко разные вещи
тем более в результате будет всего несколько строк

[izbash]

Я не могу понять систему работы XMLHTTPRequest объекта и методов GET/POST поэтому прошу помочь на примере данного приложения, помочь познакомится мне с алгоритмом действий!

[mta88]

XMLHttpRequest

о, решили начать с низкого уровня. похвально
может кто-нибудь и захочет в 100-й для себя раз объяснить то, что что уже 100.000 раз объяснено в других частях интернета

[izbash]

Ты знаешь, не могу найти наиболее полную и понятную информацию по работе с XMLHTTPRequest, не могу собрать в голове общую картину! Поэтому и обращаюсь за помощью, тем более, что я так понял ни чего сверх сложного объяснять не нужно здесь.

[izbash]

Пытаюсь сам разобраться:

window.onload;
var xhr = new XMLHttpRequest();
xhr.open("POST", "https://www.googleapis.com/urlshortener/v1/url", true);
xhr.setRequestHeader("Content-Type", "application/JSON");
xhr.send("http://www.google.com/");

Но почему то скрипт не работает, я грешу на метод send(), возможно я не правильно его использую??

[HaseProgram]

function loadXMLDoc() {
var xmlhttp;
if (window.XMLHttpRequest) {
  xmlhttp=new XMLHttpRequest();
  }
else {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
var params = 'http://www.google.com/';
xmlhttp.open("POST","https://www.googleapis.com/urlshortener/v1/url",true);
xmlhttp.setRequestHeader("Content-Type", "application/JSON");
xmlhttp.send(params);
}
loadXMLDoc();

Может быть так?

[izbash]

Задание выполнено:

var xhr = new XMLHttpRequest();

xhr.open("POST", "https://www.googleapis.com/urlshortener/v1/url", true);

xhr.setRequestHeader("Content-Type", "application/JSON");

xhr.send(JSON.stringify({longUrl: "http://www.google.com"}));
//Указываем и отправляем на обработку ссылку которую хотим укоротить

xhr.onreadystatechange = function() {
  if (xhr.readyState == 4) {
    console.log(xhr.responseText); 
//Выводим на экран ответ сервера
}
}

Непонятно почему используется responseText, а не responseXML! Хотя данные приходят в json формате!??

Осталось вытащить из json нужные данные!

Особая благодарность mta88.

[izbash]

Возник еще один вопрос по поводу JSON! Как взять window.location.href и отправить на сервер в формате JSON??